<script setup lang="ts">
import Child from "@/views/provideInject/Child.vue";
// vue3提供provide（提供）与inject(注入),可以实现隔辈组件数据传递
import {ref,provide} from "vue"
let car = ref("法拉利")
// 祖先给后代提供数据
// 两个参数:第一个参数key 第二个为value
provide('token',car)
</script>

<template>
  <div class="box">
    <h1>我是父组件</h1>
    <el-input placeholder="输入车型" v-model="car" input-style="height:40px;width:400px"></el-input>
    <Child></Child>
  </div>
</template>

<style scoped>
.box {
  width: 100vw;
  height: 900px;
  background: aqua;
}
</style>
